<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.12.4.min.js" ></script>
		<style type="text/css">
			input{
				width: 500px;
				height: 50px;
				
			}
		</style>
	</head>
	<body>
		<input type="text" name="" id="" value="" />
		<ul>
			<!--<li>输出我想要的值</li>-->
		</ul>
	</body>
	<script type="text/javascript">
		$('input').keyup(function(){
			
			$.ajax({
				type:"get",
				url:"https://sug.so.360.cn/suggest",
				async:true,
				// 注意：如果是跨域请求，那么必须要添加jsonp
				dataType:'jsonp',
				// 在请求的时候，需要把后面的数据作为参数请求到服务器
				data:{
					callback:"suggest_so",
					encodein:"utf-8",
					encodeout:"utf-8",
					format:"json",
					fields:"word",
					word:$(this).val(),
					
				}
			})
			.done(function(data){
				// 清除之前的数据，然后在进行添加十条数据
				$('ul').html('')
				
				for (var i = 0; i < data.result.length; i++) {
					
					var oLi = '<li>'+data.result[i].word+'</li>'
					
					$('ul').append(oLi)
					
					console.log(data.result[i].word)
				}
				
				
//				alert("请求成功")
			})
			.fail(function(){
				alert("请求失败")
			});
			
			
		})
//https://sug.so.360.cn/suggest?callback=suggest_so&encodein=utf-8&encodeout=utf-8&format=json&fields=word&word=b		
	</script>
	
</html>
